<!DOCTYPE html>
<html style="min-height: 100%;" lang="zh-cn"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Type">
<meta content="text/html; charset=utf-8">
<meta charset="utf-8">
<title>中秋节测试</title>		
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<link rel="stylesheet" type="text/css" href="../../www/Public/Web/css/layout.css">
<link rel="stylesheet" type="text/css" href="../../www/Public/Special/Css/Reunion/reunion.css"/>
<link rel="stylesheet" type="text/css" href="../../www/Public/Special/Css/Invitefriends/csshake.css"/>
<script src="../../www/Public/Home/Js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../www/Public/Special/Js/Reunion/reunion.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
	.page{min-height: 480px;}
</style>
<script type="text/javascript">	

window.onload = function(){
	var aLi = document.getElementsByTagName("li");
	var i = 0;
	for (i = 0; i < aLi.length; i++){
		aLi[i].onclick = function (){
			for (i = 0; i < aLi.length; i++) aLi[i].id = aLi[i].id.replace(/\s?imgurc/,"");
			this.id += "imgurc";
			var urc = document.getElementById('imgurc').style.backgroundImage;
			var urc1=urc.replace(/(.*\/)*([^.]+).*/ig,"$2");
			var xurc ='../../www/Public/Special/Img/Reunion/'+ urc1+'-1'+'.png'
			this.style.backgroundImage = 'url('+xurc+')';
		};	
	};	

	$(".cst-1 li a").click(function(){
		var sff = $(this);
		setTimeout(cc,500);
		function cc(){
			sff.parent().parent().addClass("hide");
			sff.parent().parent().next().removeClass("hide");
		}
	});	
	function goto(url,dalay)
	{
	window.location.href='reunionj0.html'
	}
	
	$(".tz").click(function(){
		setTimeout(goto,400);
	});
}
</script>
</head>
	<body style="min-height: 480px;overflow: auto;">
		<div id="page-content">
			<div class="cst page">
				<ul class="cst-1">
					<li class="ll1"></li>
					<li class="ll2" style="background-image: url(../../www/Public/Special/Img/Reunion/t-1-1.png)"><a></a></li>
					<li class="ll3" style="background-image: url(../../www/Public/Special/Img/Reunion/t-1-2.png)"><a></a></li>
					<li class="ll4" style="background-image: url(../../www/Public/Special/Img/Reunion/t-1-3.png)"><a></a></li>
				</ul>
				<ul class="cst-1 hide">
					<li class="ll5"></li>
					<li class="ll6" style="background-image: url(../../www/Public/Special/Img/Reunion/t-2-1.png)"><a></a></li>
					<li class="ll7" style="background-image: url(../../www/Public/Special/Img/Reunion/t-2-2.png)"><a></a></li>
					<li class="ll8" style="background-image: url(../../www/Public/Special/Img/Reunion/t-2-3.png)"><a></a></li>
				</ul>
				<ul class="cst-1 hide">
					<li class="ll9"></li>
					<li class="ll10" style="background-image: url(../../www/Public/Special/Img/Reunion/t-3-1.png)"><a class="tz"></a></li>
					<li class="ll11" style="background-image: url(../../www/Public/Special/Img/Reunion/t-3-2.png)"><a class="tz"></a></li>
					<li class="ll12" style="background-image: url(../../www/Public/Special/Img/Reunion/t-3-3.png)"><a class="tz"></a></li>
				</ul>
			</div>
		</div>
	</body>
</html>